@charset "utf-8";

 /* 公共样式 */

.html {/*font-size:.625rem;10 ÷ 16 × 100% = 62.5%*/  height:100%;}
body{color:#212121;font-family:arial; font:0px/1.3 tahoma,arial,\5b8b\4f53,sans-serif;font-size: 14px;background:#f2f2f2;word-wrap:break-word;-webkit-overflow-scrolling:touch;height:100%;}
h1,h2,h3,h4,h5,h6{font-size:100%}
address,cite,dfn,em,var{font-style:normal}
fieldset,img{border:0}
button,input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0}
input[type=submit],input[type=reset],input[type=button],button{-webkit-appearance:none}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);outline:0;margin:0;padding:0}
ul,ol{list-style:none}
input[type="text"],input[type="search"]{-webkit-appearance:none;-webkit-tap-highlight-color:#fff;outline:0}
.w50 { width:50%}
.w40 { width:40%}
.w33 { width:33.3%}
.w30 { width:30%}
.w25 { width:25%}
.w20 { width:20%}
.w10 { width:10%}
a {color: #228dff;text-decoration:none}
p{margin: 0;padding: 0}
.fl{ float:left;}
.fr{ float:right;}
.clearfix:after{content:"."; display:block; height:0; clear:both;visibility:hidden;}
.clearfix {zoom: 1;}
/* 圆角效果 */
.radius5{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:5px;
}
.radius10{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
}
.radius15{
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius:15px;
}
.radius20{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius:20px;
}
.radius30{
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
}
/* 弹出遮罩层 */
.tipMask{background-color: #000;display: none;height:100%;left: 0;opacity: 0.4;position:fixed;top: 0;width: 100%;z-index: 101;	 }
/* 阴影样式 */
.shadow{
	box-shadow:0px 3px 12px 1px #ebebeb;
}
/* 反向箭头 */
.jiantou{
	transform: rotate(180deg);
}

/* padding样式 */
.padding20{
	background: #fff;
	padding: 10px 20px;
	border-radius:10px;
	margin: 0 15px 10px 15px;
	box-shadow:0px 3px 12px 1px #ebebeb;
}
.padding30{
	background: #fff;
	padding: 30px;
	border-radius:20px;
	margin: 0 15px 10px 15px;
	box-shadow:0px 3px 12px 1px #ebebeb;
}
/* flex样式 */
.flex{ 
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*-webkit-flex-flow: row; 不换行*/
	align-items: center;
}
.flex-around{ 
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	/*-webkit-flex-flow: row; 不换行*/
	justify-content: space-around;
	align-items: center;
}
.flex-between{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex-column{
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
}
/* btn按钮样式 */
.l-btn{
	font-size: 18px;
	margin: 30px 15px;
	line-height: 45px;
	border-radius:20px;
	color: #fff;
	text-align: center;
	background: #fda715;
}
.m-btn{
	width: 163px;
	font-size: 18px;
	line-height: 30px;
	border-radius:20px;
	color: #fff;
	text-align: center;
	background: #fda715;
}
.s-btn{
	width: 110px;
	font-size: 14px;
	line-height: 30px;
	border-radius:10px;
	color: #fff;
	text-align: center;
	background: #fda715;
}
.l-btn a{
	color: #fff;
}
/* 颜色样式 */
.co-b{
	color: #228dff;
}
.co-o{
	color: #fda715;
}
.co-g{
	color: #cbcbcb;
}
.btn-b{
	background: #228dff;
}
.btn-o{
	background: #fda715;
}
.btn-g{
	background: #cbcbcb;
}
/* 暂无记录样式 */
.no-record{
	font-size: 16px;
	color: #9c9c9c;
	text-align: center;
	margin: 70px 0 50px;
}
.no-record i{
	display: block;
	line-height: 1;
	font-size: 100px;
}
/* 顶部返回样式 */
.top-history{
	color: #228dff;
	height: 45px;
  line-height: 45px;
  padding: 0 15px;
}

/* 新增样式 */
.rotate180{
	transform: rotate(180deg);
}

.m-title{
	font-size: 18px;
	font-weight: bold;
	color: #212121;
	margin-left: -10px;
	padding-left: 10px; 
	border-left: 3px solid #208ffd;
	line-height: 1;
}
.m-title p:nth-child(2){
	font-size: 12px;
	font-weight: normal;
	color: #228dff;
}
.m-title p:nth-child(2) a{
	font-size: 12px;
	font-weight: normal;
	color: #228dff;
}
.m-title p:nth-child(2) i{
	font-size: 18px;
}
.line-h48{
	line-height: 48px;
	border-bottom: 1px solid #eaeaea;
}
.line-h48 p{
	margin: 0;
}
.line-h48 p:nth-child(2){
	color: #212121;
}
.line-h48:last-child{
	border: 0;
}
.user-photo{
	width: 68px;
	height: 68px;
	overflow: hidden;
	border-radius: 50%;
	margin:  0 auto;
	margin-top: 30px;
	box-shadow:0px 0px 9px 1px #d2e8ff;
}
.user-photo img{
	width: 100%;
	height: 100%;
}

/* 功能样式 */

/* tab切换 */
.options{
	display: flex;
	color: #6c6c6c;
	background: #fff;
	margin: 20px 15px 10px;
}
.options div{
	text-align: center;
	line-height: 30px;
	border-radius: 10px;
}
.options .active{
	background: #228dff;
	color: #fff;
}